{extend name="template/pc/cms-red/_base.html" /}
{block name="main"}

<div class="cont-pc">

    <div class="cont-contact">

        {include file="template/pc/cms-red/_right.html"}

        <div class="cont-box">

            <div class="container">

                <div class="cont-list">
                    <ul>
                        {volist name="list" id="vo" empty="$empty"}
                        <li>
                            <a title="{$vo.title}" href="{:url(\''.$cateInfo.model.'/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}">
                                <div class="list-img">
                                    <img alt="{$vo.title}" src="__PUBLIC__/uploads/{$vo.image ?'image/'.$vo.image: 'not.jpg'}">
                                </div>

                                <div class="list-cons">
                                    <div class="list-title">{$vo.title}</div>
                                    <div class="list-txt">{$vo.miaoshu}</div>
                                    <div class="list-time">
                                        <span class="list-time-issue">{:lang('Source')}: {$vo.issue} </span>
                                        <span class="list-time-right">{notempty name="$vo.create_time"}{$vo.create_time|date="Y-m-d",###}{/notempty}</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>

                <div class="page-content">
                    <ul class="pagination">
                        <li>
                            <span>{:lang('Common')} {$list->total()} {:lang('Strip')} / {$list->lastPage()} {:lang('Page')}</span>
                        </li>
                    </ul>
                    {$list->render()}
                </div>

                <div class="recommend">

                    <div class="recom-title-box">
                        <a title="" href="">
                            <h2>推荐案例</h2>
                        </a>
                        <b class="fa fa-angle-left"></b>
                        <i class="fa fa-angle-right"></i>
                    </div>

                    <div class="recom-list">
                        <ul>
                            <li>
                                <a title="" href="">
                                    <div class="recom-img">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon">
                                                <img alt="" src="__TPMPLATE__pc/cms-red/images/home/recom-icon.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a title="" href="">
                                    <div class="recom-img">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon">
                                                <img alt="" src="__TPMPLATE__pc/cms-red/images/home/recom-icon.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a title="" href="">
                                    <div class="recom-img">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon">
                                                <img alt="" src="__TPMPLATE__pc/cms-red/images/home/recom-icon.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a title="" href="">
                                    <div class="recom-img">
                                        <img alt="" src="__TPMPLATE__pc/cms-red/images/caseImg01.png">
                                    </div>

                                    <div class="recom-cons">
                                        <div class="recom-title">
                                            <div class="recom-title-txt">案例中心</div>
                                            <div class="recom-title-icon">
                                                <img alt="" src="__TPMPLATE__pc/cms-red/images/home/recom-icon.png">
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    <div class="cont-contact">

        <div class="cont-box">

            {include file="template/pc/cms-red/_right.html"}

            <div class="container">

                {include file="template/pc/cms-red/_left.html"}

                <div class="m-other-cont o-other-list">
                    <ul>
                        {volist name="list" id="vo" empty="$empty"}
                        <li>
                            <a title="{$vo.title}" href="{:url(\''.$cateInfo.model.'/detailed',['id'=>$vo.id,'navid'=>$vo.cid])}">
                                <div class="other-txt">
                                    <h4>{$vo.title}</h4>
                                    <p>{$vo.miaoshu}</p>
                                    <p class="other-more">
                                        {notempty name="$vo.create_time"}{$vo.create_time|date="Y-m-d",###}{/notempty}
                                        <i class="fa fa-long-arrow-right"></i>
                                    </p>
                                </div>
                            </a>
                        </li>
                        {/volist}
                    </ul>
                </div>

                <div class="page-content">
                    <ul class="pagination">
                        <li>
                            <span>{$list->total()}/{$list->lastPage()}</span>
                        </li>
                    </ul>
                    {$list->render()}
                </div>

            </div>

        </div>

    </div>

</div>

{/block}